<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/div/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>saGak</title>
		<script type="text/javascript" src="../javascript/jquery-1.6.2.js"></script> 		   
		<link rel="stylesheet" href="../css/5x5.css" type="text/css">
		<script language="javascript" type="text/javascript" src="../javascript/5x5.js"></script>
	</head>

    <body class="bodystyle" style="background-repeat:no-repeat;" background="../resource/5x5/back.png" onclick="KeyHandler();">
		<!-- Dummy anchor as focus for key events -->

        	
	 <input type="image" id="min" src="../resource/time/15m.png"> </input>
	 <input type="image" id="sec" src="../resource/time/00s.png"> </input>
	
		<div>
        	<table id="table_ranking" style="position: absolute;top: 10px;left: 70%;height: 40%;width: 30%;" border="0" cellpadding="0" cellspacing="0">						
	
			</table>
        </div>
	 <!-- 탑 스코어 -->
	 <div class="topscores" id="scorenum1" align = "center"></div> 
	 <div class="topscores" id="scorenum2" align = "center"></div> 
	 <div class="topscores" id="scorenum3" align = "center"></div> 
	 
	 <div class="topscores" id="scorename1" align = "center"></div> 
	 <div class="topscores" id="scorename2" align = "center"></div> 
	 <div class="topscores" id="scorename3" align = "center"></div> 
	 	 
	 <div class="topscores" id="score1" align = "center"></div> 
	 <div class="topscores" id="score2" align = "center"></div> 
	 <div class="topscores" id="score3" align = "center"></div> 
	 
	 <!-- -->
	 
	 <!-- 아이템 개수 -->
	 
	 <input type="image" id="timeupitem" src="../resource/images/item3.png"></input>
	 <input type="image" id="hintitem" src="../resource/images/item3.png"></input>
	 <button id="item1" style="background-color:transparent;border:0;width:60px;height:60px;position:absolute;top:135px;left:440px;filter:alpha(opacity=0);z-index:100" onclick="item1()"></button>
	 <button id="item2" style="background-color:transparent;border:0;width:60px;height:60px;position:absolute;top:135px;left:510px;filter:alpha(opacity=0);z-index:100" onclick="item2()"></button>
	 <!-- 
	 
	 <!--stageclear-->
	 <input class="clearpop" type="image" id="complete" src="../resource/popup/clear.png" style="visibility:hidden;"> 
	 <input class="clearpop" id="inputName" ctype="text" size="11" maxlength="3" style="width:140px;height:40px;border:2;visibility:hidden"/ ></td>
	 <div class="clearpop" id="stagename" align = "center"></div> 
	 <input id="clearimage" type="image" style="visibility:hidden;"></input>
	 <div class="clearpop" id="completeSec" align = "center"></div> 
	 </input>
	 
	 <!-- -->
     <img id="minUP" src="../resource/icon/2minUP.png" style="visibility:hidden;">
	 <img id="minDOWN" src="../resource/icon/2minDOWN.png" style="visibility:hidden;">
	 <img id="hint" src="../resource/icon/hint.png" style="visibility:hidden;">	 
	 <img id="pause" src="../resource/popup/pause.png" style="visibility:hidden;" onclick="outPause()">
	 <img id="ready" src="../resource/popup/start.png" style="visibility:hidden;">
	 <img id="gameover" src="../resource/popup/gameover.png" style="visibility:hidden;">
	 <img id="before" src="../resource/popup/before_n.png" style="visibility:hidden;">
 
	<table id="Index_Width" width=249 height = 163 cellpadding=0 cellspacing=0 border=0>
		<tr height="163">
		<script type=text/javascript>
			for (i = 0; i < 5; i++)
				document.write("<td vAlign='top' width = '49.8' allign='center' cellSpacing='0' cellpadding='0' border ='0' id='text_width" + i + "'></td>");
		</script>
		</tr>
	</table>
	
	<table id="Index_Height" width=166 height = 241 cellpadding=0 cellspacing=0 border=0>
		<script type=text/javascript>
			for (i = 0; i < 5; i++) {
				document.write("<tr height='48.2'>");
				document.write("<td allign='right' cellSpacing='0' cellpadding='0' border ='0' id='text_height" + i + "'></td>");
				document.write("</tr>");
			}
		</script>
	</table>
		
      <table id="game_table"  cellpadding=0 cellspacing=0 border="1px" bordercolor="black">
		<script type=text/javascript>
			 for (i = 0; i < 5; i++)
			 {
			  document.write("<tr height='20'>");

			  for (j = 0; j < 5; j++)
				{ document.write("<td vAlign='top' width = '20' allign='center' cellSpacing='0' background='../resource/5x5/nothing.png' cellpadding='0' id='focus" + (i * 5 + j )+ "' onclick='select(" +(i * 5 + j )+ ")'></td>");
				  
				  //alert("focus"+(i*5+j));
				}
			  document.write("</tr>");
			 }
		</script>
	</table>
	<input type="checkbox" id="x"> <label id="lab">엑스</label>
	<button id="pauseButton" onclick="pauseEvent()">멈춤</button>
	</body>
</html>
